.ShopCar {
    width: 100%;
    min-height: 100%;
    background-color: $probgcolor;
    padding-bottom: rpx(98);
    //购物车列表区域
    .shopcar_area {
        width: 100%;
        //background-color: $probgcolor;
        //position: relative;
        //顶部背景
        .shopCareTop {
            padding-left: rpx(24);
            padding-right: rpx(24);
            padding-top: rpx(33);
            height: rpx(207);
            background-color: #FF5959;
            display: flex;
            flex-direction: row;
            justify-content: space-between;

            .topleft {
                .leftLabel {
                    font-size: rpx(30);
                    font-family: PingFang-SC-Medium;
                    font-weight: 500;
                    color: rgba(255, 235, 212, 1);
                    display: inline-block;
                    margin-right: rpx(23);
                }

                .leftIcon {
                    width: rpx(34);
                    height: rpx(34);
                }
            }

            .leftLabel {
                font-size: rpx(30);
                font-family: PingFang-SC-Medium;
                font-weight: 500;
                color: rgba(255, 235, 212, 1);

            }

        }
        //列表区域
        .shopcarListArea {
            width: 100%;
            //position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: rpx(-150);
            //top: rpx(96);

            .shopCarList {
                width: rpx(646);
                padding-top: rpx(24);
                padding-left: rpx(28);
                padding-right: rpx(24);
                padding-bottom: rpx(24);
                background-color: white;
                border-radius: rpx(16);
                margin-bottom: rpx(24);

                .shopInfoArea {
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;

                    .selectIcon {
                        width: rpx(38);
                        height: rpx(38);
                    }

                    .shopInfo {
                        height: rpx(86);
                        flex: 1;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: space-between;
                        margin-left: rpx(24);
                        border-bottom: 1px solid #F2F2F2;

                        .shopinforight {
                            display: flex;
                            flex-direction: row;
                            align-items: center;

                            .shopIcon {
                                width: rpx(26);
                                height: rpx(26);
                            }

                            .shopname {
                                font-size: rpx(24);
                                font-family: PingFang-SC-Medium;
                                font-weight: 500;
                                color: rgba(121, 121, 121, 1);
                                display: inline-block;
                                margin-left: rpx(23);
                                margin-right: rpx(24);
                            }

                            .goshopicon {
                                width: rpx(11);
                                height: rpx(18);
                            }
                        }

                        .shopyouhui {
                            font-size: rpx(24);
                            font-family: PingFang-SC-Regular;
                            font-weight: 400;
                            color: rgba(255, 76, 76, 1);
                        }

                    }
                }

                .shopgoodsInfoArea {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    margin-top: rpx(24);

                    .selectIcon {
                        width: rpx(38);
                        height: rpx(38);
                    }

                    .goodsInfoarea {
                        flex: 1;
                        margin-left: rpx(24);
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        padding-bottom: rpx(23);
                        border-bottom: 1px solid #F2F2F2;

                        .goodsImg {
                            width: rpx(156);
                            height: rpx(156);
                        }

                        .infos {
                            flex: 1;
                            margin-left: rpx(24);
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            justify-content: space-between;

                            .infosArea {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;

                                .goodsname {
                                    font-size: rpx(28);
                                    font-family: PingFang-SC-Medium;
                                    font-weight: 500;
                                    color: rgba(51, 51, 51, 1);
                                }

                                .goodsprice {
                                    font-size: rpx(24);
                                    font-family: PingFang-SC-Medium;
                                    font-weight: 500;
                                    color: rgba(249, 88, 34, 1);
                                    display: inline-block;
                                    margin-top: rpx(28);
                                    margin-bottom: rpx(33);
                                }

                                .pricedes {
                                    font-size: rpx(24);
                                    font-family: PingFang-SC-Regular;
                                    font-weight: 400;
                                    color: rgba(249, 140, 34, 1);
                                }
                            }

                            .buyAccountCtr {
                                width: rpx(161);
                                height: rpx(41);
                                border: 2px solid rgba(238, 238, 238, 1);
                                border-radius: 6px;
                                display: flex;
                                flex-direction: row;
                                align-items: center;

                                .ctrbtn {
                                    display: inline-block;
                                    width: rpx(45);
                                    font-size: rpx(24);
                                    height: 100%;
                                    font-family: PingFang-SC-Medium;
                                    font-weight: 500;
                                    color: rgba(153, 153, 153, 1);
                                    display: flex;
                                    flex-direction: row;
                                    align-content: center;
                                    justify-content: center;
                                }

                                .accountLabel {
                                    display: inline-block;
                                    width: rpx(72);
                                    height: 100%;
                                    border-left: 2px solid rgba(238, 238, 238, 1);
                                    border-right: 2px solid rgba(238, 238, 238, 1);
                                    font-size: rpx(24);
                                    font-family: PingFang-SC-Medium;
                                    font-weight: 500;
                                    color: rgba(153, 153, 153, 1);
                                    display: flex;
                                    flex-direction: row;
                                    align-content: center;
                                    justify-content: center;
                                }
                            }
                        }
                    }
                }

                .activeArea {
                    padding-left: rpx(60);
                    margin-top: rpx(24);
                    display: flex;
                    flex-direction: row;
                    align-content: center;

                    .activeIcon {
                        width: rpx(108);
                        height: rpx(28);
                        border: 1px solid rgba(249, 88, 34, 1);
                        display: flex;
                        flex-direction: row;
                        align-content: center;
                        justify-content: center;
                        margin-right: rpx(23);

                        span {
                            font-size: rpx(22);
                            font-family: PingFang-SC-Regular;
                            font-weight: 400;
                            color: rgba(249, 88, 34, 1);
                        }
                    }

                    .acitvedes {
                        font-size: rpx(24);
                        font-family: PingFang-SC-Regular;
                        font-weight: 400;
                        color: rgba(153, 153, 153, 1);
                    }
                }
            }
        }
        //底部区域
        .shopcarbottom{
            width: 100%;
            height: rpx(98);
            background-color: white;
            position: fixed;
            bottom: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            .bottom_left{
                height: rpx(98);
                margin-left: rpx(52);
                display: flex;
                flex-direction: row;
                align-items: center;
                //.leftIcon{
                //    width: rpx(38);
                //    height: rpx(38);
                //    display: inline-block;
                //    margin-right: rpx(24);
                //}
                .leftIconLabel{
                    font-size:rpx(28);
                    font-family:PingFang-SC-Medium;
                    font-weight:500;
                    color:rgba(153,153,153,1);
                    display: inline-block;
                    margin-left: rpx(24);
                }

            }
            .bottom_right{
                width:rpx(228);
                height:rpx(76);
                border:1px solid rgba(255,76,76,1);
                border-radius:rpx(38);
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                margin-right: rpx(24);
                span{
                    font-size:rpx(32);
                    font-family:PingFang-SC-Medium;
                    font-weight:500;
                    color:rgba(255,76,76,1);
                }
            }
        }

    }
}

